<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<title>DEMO3</title>
		<link rel="stylesheet" href="css/ytui.css" />
		<script src="js/html-size-calculation.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body class="bgf5 header-fixed nav-fixed">
		<header class="header-bar bg-main">
			<a href="more.html" class="header-left">
				<i class="icon icon-pre"></i>
			</a>
			<h2 class="header-title">话题服务</h2>
		</header>
		<div class="wrap">
			<div class="p30 bgff mb30">
				<h3 class="list-title">创业融资BP诊断辅导课</h3>
				<div class="yt yt-ac mt20">
					<div class="fz28 c66 yt-f1 yt-te">
						500元/小时
					</div>
					<div class="fz24 color-main yt-f1 yt-te tx-r">
						120人购买
					</div>
				</div>
			</div>
			<div class="p30 bgff bt bb yt yt-ac mb30">
				<div class="user-photo size-m round mr30" style="background-image: url(images/bg-djs-li.png);">
				</div>
				<div class="yt-f1">
					<div class="fz28 c66 mb10">
						<span class="list-title">赵小萌</span>
						<span class="plr20">|</span>
						<span>成都微创科技 CEO</span>
					</div>
					<div class="mb10">
						<span class="list-title mr20">平均分</span>
						<span class="fz24 c99"><i class="icon icon-star color-orange mr10"></i><i class="icon icon-star color-orange mr10"></i><i class="icon icon-star color-orange mr10"></i><i class="icon icon-star color-orange mr10"></i><i class="icon icon-star color-orange mr10"></i>4.5</span>
					</div>
					<div class="fz24 c99">
						服务器响应时间：30分钟
					</div>
				</div>
			</div>
			<div class="p30 bgff bt yt yt-ac">
				<h3 class="list-title yt-f1 pl20" style="border-left: 2px solid #ff6666">服务详情</h3>
			</div>
			<ul class="list mb30">
				<li>
					<a href="#" class="fz28 c66 lh16">成都微创科技CEO为你解答创业融资诊断的全新问题。</a>
				</li>
				<li>
					<a href="#" class="fz28 c66 lh16">如何才能成为一名优秀的设计师，是应该注重用户体验还是界面美观</a>
				</li>
				<li>
					<a href="#" class="fz28 c66 lh16">作为产品经理的几个必要条件</a>
				</li>
			</ul>
			<div class="p30 bgff bt bb yt yt-ac mb30">
				<h3 class="list-title yt-f1 pl20" style="border-left: 2px solid #00dfcd">服务时长</h3>
				<div class="fz28 c66">
					2小时
				</div>
			</div>
			<div class="p30 bgff bt yt yt-ac">
				<h3 class="list-title yt-f1 pl20" style="border-left: 2px solid #4eb9e6">服务点评</h3>
			</div>
			<ul class="list mb30">
				<li class="yt">
					<div class="user-photo size-m round mr30" style="background-image: url(images/bg-djs-li.png);">
					</div>
					<div class="yt-f1">
						<div class="bb">
							<div class="fz28 c66 mb10">
								<span class="list-title">赵小萌</span>
								<span class="plr20">|</span>
								<span>成都微创科技 CEO</span>
							</div>
							<div class="mb10">
								<span class="fz24 c99"><i class="icon icon-star mr10"></i><i class="icon icon-star mr10"></i><i class="icon icon-star mr10"></i><i class="icon icon-star mr10"></i><i class="icon icon-star mr10"></i>4.5</span>
							</div>
							<div class="fz24 c99 mb30">
								点评时间：2016-03-26
							</div>
						</div>
						<div class="ptb30 fz24 c99 lh18">
							以为的观点来看，作为一个产品经理，我们与要挖掘用户需求。在推理论证新产品价值以后，尊重用户体验。
						</div>
					</div>
				</li>
				<li class="yt">
					<div class="user-photo size-m round mr30" style="background-image: url(images/bg-djs-li.png);">
					</div>
					<div class="yt-f1">
						<div class="bb">
							<div class="fz28 c66 mb10">
								<span class="list-title">赵小萌</span>
								<span class="plr20">|</span>
								<span>成都微创科技 CEO</span>
							</div>
							<div class="mb10">
								<span class="fz24 c99"><i class="icon icon-star mr10"></i><i class="icon icon-star mr10"></i><i class="icon icon-star mr10"></i><i class="icon icon-star mr10"></i><i class="icon icon-star mr10"></i>4.5</span>
							</div>
							<div class="fz24 c99 mb30">
								点评时间：2016-03-26
							</div>
						</div>
						<div class="ptb30 fz24 c99 lh18">
							以为的观点来看，作为一个产品经理，我们与要挖掘用户需求。在推理论证新产品价值以后，尊重用户体验。
						</div>
					</div>
				</li>
			</ul>
			<div class="p30 fz28 c99 tx-c">
				全部点评(50) <i class="icon icon-down"></i>
			</div>
			<div class="m30 yt yt-ac">
				<button class="btn btn-b bg-main db yt-f1">立即预约</button>
			</div>
		</div>
	</body>

</html>